<template>
  <div class="todoapp">
    <todo-header></todo-header>
    <todo-main></todo-main>
    <todo-footer></todo-footer>
  </div>
</template>

<script>
import TodoFooter from './components/TodoFooter.vue' // shift + alt + 下
import TodoHeader from './components/TodoHeader.vue' // shift + alt + 下
import TodoMain from './components/TodoMain.vue' // shift + alt + 下
export default {
  data() {
    return {
      list:[]
    }
  },

  components: {
    TodoFooter,
    TodoHeader,
    TodoMain
  },

  created() {

  },

  methods: {
    addTaskFn(task){
// console.log("addTaskFn" ,task);
// 新增一个数据
  this.list.push({
    id:this.list.length?this.list.at(-1).id+1:100,
    name:task,
    isDone:false
  })
  },
  }
}
</script>

<style scoped>
</style>
